<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Amazing Hover Effect with the service section</title>
		<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="index.css"/>
	</head>
	<body>
		<div class="container">
			<div class="box first">
				<span class="icon-cont">
					<i class="fa fa-heart"></i>
				</span>
				<h3>CREATIVE</h3>
				<br>
				<ul class="hidden">
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
				</ul>
				<br><br>
				<a class="expend">
					<span class="plus">+</span>
					<span class="minus">-</span>
				</a>
			</div>
			
			<div class="box second">
				<span class="icon-cont">
					<i class="fa fa-edit"></i>
				</span>
				<h3>HIGHEND</h3>
				<br>
				<ul class="hidden">
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
				</ul>
				<br><br>
				<a class="expend">
					<span class="plus">+</span>
					<span class="minus">-</span>
				</a>
			</div>
			
			<div class="box third">
				<span class="icon-cont">
					<i class="fa fa-desktop"></i>
				</span>
				<h3>HOVERY</h3>
				<br>
				<ul class="hidden">
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
				</ul>
				<br><br>
				<a class="expend">
					<span class="plus">+</span>
					<span class="minus">-</span>
				</a>
			</div>
			<div class="box fourth">
				<span class="icon-cont">
					<i class="fa fa-rocket"></i>
				</span>
				<h3>LEARN</h3>
				<br>
				<ul class="hidden">
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
					<li>lorem ipsum dolor</li>
				</ul>
				<br><br>
				<a class="expend">
					<span class="plus">+</span>
					<span class="minus">-</span>
				</a>
			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
		<script src="index.js" type="text/javascript"></script>
	</body>
</html>
